<!DOCTYPE HTML>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
		<title>APP</title>
		<link rel="stylesheet" type="text/css" href="../../css/aui.css" />
		<link rel="stylesheet" type="text/css" href="../../css/aui-flex.css" />
	</head>
	<style>
		.aui-content {
		    background: #ffffff;
		    overflow: hidden;
		    padding: 15px;
		}
	</style>
	<body style  = "background:#ffffff">
		<div class="aui-content">
	        <ul class="aui-timeline">
	            <li class="aui-time-label">
	                <span class="aui-bg-info">
	                2015.11.21
	                </span>
	            </li>
	           
	            <li>
	                <i class="aui-iconfont aui-icon-deliver aui-bg-info"></i>
	                <div class="aui-timeline-item">
	                    <span class="aui-timeline-time"><i class="aui-iconfont aui-icon-time"></i> 12:05</span>
	                    <h3 class="aui-timeline-header">标题标题标题标题标题</h3>
	                    <div class="aui-timeline-body">时间轴内容时间轴内容时间轴内容时间轴内容时间轴内容</div>
	                    <div class="aui-timeline-footer">
	                        底部信息
	                    </div>
	                </div>
	            </li>
	            <li>
	                <i class="aui-iconfont aui-icon-deliver aui-bg-warning"></i>
	                <div class="aui-timeline-item">
	                    <span class="aui-timeline-time"><i class="aui-iconfont aui-icon-time"></i> 12:05</span>
	                    <h3 class="aui-timeline-header">标题标题标题标题标题</h3>
	                    <div class="aui-timeline-body">时间轴内容时间轴内容时间轴内容时间轴内容时间轴内容</div>
	                    <div class="aui-timeline-footer">
	                        底部信息
	                    </div>
	                </div>
	            </li>
	            <li class="aui-time-label">
	                <span class="aui-bg-warning">
	                2015.11.20
	                </span>
	            </li>          
	            <li>
	                <i class="aui-iconfont aui-icon-deliver aui-bg-info"></i>
	                <div class="aui-timeline-item">
	                    <span class="aui-timeline-time"><i class="aui-iconfont aui-icon-time"></i> 12:05</span>
	                    <h3 class="aui-timeline-header">标题标题标题标题标题</h3>
	                    <div class="aui-timeline-body">时间轴内容时间轴内容时间轴内容时间轴内容时间轴内容</div>
	                    <div class="aui-timeline-footer">
	                        底部信息
	                    </div>
	                </div>
	            </li>
	        </ul>
	    </div>
	</body>
	<script type="text/javascript" src="../../script/jquery.min.js"></script>
	<script type="text/javascript" src="../../script/api.js" ></script>
	<script type="text/javascript">
		apiready = function() {
		}
		
	</script>
</html>